<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="same.css">
    <link rel="stylesheet" href="css/menu.css">
    <link rel="stylesheet" href="css/menuchild.css">
  
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
      <script src="js/menuchild.js"></script>
   
    <script>
       


        
        
    </script>
</head>

<body>
    <header>
        <div id="header">
            <div class="logo">
                <img src="images/logo.png" alt="">
            </div>
            <ul class="nav01">
                <li><a href="index.html">首页</a ></li>
                <li><a href="Menu1.html">菜谱^ </a>
                    <dl>
                        <dt>  家常菜</dt>
                            <dd>热菜</dd>
                            <dd>主食</dd>
                            <dd>汤</dd>
                            <dd>早餐</dd>
                            <dd>午餐</dd> 
                            </dl>
                     <dl>
                            <dt>中国菜系 </dt>
                            <dd>粤菜</dd>
                            <dd>北菜</dd>
                            <dd>湘菜</dd>
                            <dd>浙菜</dd>
                            <dd>湖北菜</dd>
                     </dl>   
                       
                </li>
                <li><a href="heath.html">饮食健康^</a>
                    <dl>
                        <dt>    <a href="heath.html">饮食健康  </a> </dt>
                            <dd>饮食新闻  </dd>
                            <dd><a href="">美容瘦身  </a> </dd>
                            <dd><a href="">饮食小常识</a></dd>
                            <dd><a href="">功能性调理</a></dd>
                            <dd><a href="">清热火    </a></dd> 
                            </dl>
                     <dl>
                            <dt> <a href="heath.html">人群膳食 </a></dt>
                            <dd>减肥</dd>
                            <dd>祛痰</dd>
                            <dd>滋阴壮阳</dd>
                            <dd>健脾养胃</dd>
                            <dd>人群膳食</dd>
                     </dl>   
                     <dl>
                        <dt> <a href="heath.html">健康常识 </a></dt>
                        <dd>减肥</dd>
                        <dd>祛痰</dd>
                        <dd>滋阴壮阳</dd>
                        <dd>健脾养胃</dd>
                        <dd>人群膳食</dd>
                 </dl>
                 <dl>
                    <dt> <a href="heath.html">药膳养生 </a></dt>
                    <dd>减肥</dd>
                    <dd>祛痰</dd>
                    <dd>滋阴壮阳</dd>
                    <dd>健脾养胃</dd>
                    <dd>人群膳食</dd>
             </dl>   
                 
                     
               
                    </li>
                <li><a  href="ontes.html">笔记</a></li>
              <li>  <input type="text" placeholder="搜索菜谱，菜单，食材，用户"><input type="button" value="" id="sear"></li>
                <li><input type="button" value="发布">
                <ul>
                    <li><a href="PublishOntes.html">发布笔记</a ></li>
                    <li><a href="PublishMenu.html">发布菜谱</a ></li>
                </ul>
                </li>
                <li style="display: block;"><a href="login.html">登录</a>|<a href="zhuce.html">注册</a></li>
                 <span></span>
                <div style="clear: left;"></div>
               
                </ul>
            </div>
    
    </header>
    <main style="clear: both;">
        
        <div class="title">
           <p> 手抓饼之香蕉酥卷</p>
            <p><span>精品</span><span>独家</span></p>
            <div class="look"><i> 11598</i>浏览</div>
            <div class="collect"><i> 458</i>收藏</div>
            <div class="user">
                <img src="images/btouxiang23.PNG" alt="">
                <a href="user.html" class="username">樱桃小丸子 </a>
                <input type="button" value="+关注" class="watch test">
                <p>手抓饼是我们日常的素食，普通的手抓饼吃腻了，教大家几种花式吃法。今天做一道香蕉酥卷~ </p>

            </div>
        </div>
        <div class="mcbody">
            <section>
                <div><img src="images/z7.jpg" alt=""></div>
                <div><img src="images/z6.jpg" alt=""></div>
                <div><img src="images/z5.jpg" alt=""></div>
                <div><img src="images/z4.jpg" alt=""></div>
                <div><img src="images/z3.jpg" alt=""></div>
                <div><img src="images/z2.jpg" alt=""></div>
                
            </section>
        </div>

           
            <div class="nav">
                <h3>手抓饼之香蕉酥卷的做法</h3>
                <ul id="make">
                   
                </ul>
                <a href="CreateMenu.html"><input type="button" value="上传我做的这道菜" onclick="mybutton" class="button1" ></a>
                <p>上传时间<b>1天</b>前</p>
            </div>


            <div id="discuss">
                <h3>评论</h3>
                <img src="images/btouxiang13.PNG">欣欣
                <p>太棒了！好想吃</p>
                <span class="span">1天前</span>
                <hr>
                <img src="images/btouxiang11.PNG">吉安楠
                <p>加入我的食谱</p>
                <span class="span">1天前</span>
                <hr>
                <img src="images/btouxiang12.PNG">澄澄澄
                <p>顶一下，太好了啊</p>
                <span class="span">1天前</span>
            </div>  
            <div id="pinglun">
                <textarea name="" id="ping"></textarea><br>
                <input type="button" value="发表评论" id="publish">
            </div> 

    </main>
    <footer>
        <div class="foot">
            <ul class="f1">
                <li>关于食界</li>
                <li>食界美食</li>
                <li>意见反馈</li>
                <li>品牌馆</li>
                <li>菜谱大全</li>
            </ul>
            <p>@2016-2020 欢迎访问我们食界 <a href="">唯有爱与美食不可辜负</a> </p>
        </div>
    </footer>
   

</body>

</html>